/*
注册和登录切换功能已经做好。
注册功能验证
1.发送请求验证
2.拦截器验证
3
登录功能验证
*/
let flag = true;
document.querySelector('#btn-login').onclick = async function (e) {
    if (!flag) {
        return
    }
    e.preventDefault();
    // console.log('click')
    // 获取表单数据 +判断
    // 非空 密码长度>=6
    const data = serialize(document.querySelector('form'), { hash: true })
    // 表单元素内容为空直接拿不到某个属性
    // console.log('data:', data)
    if (data.username === undefined || data.password === undefined) {
        document.querySelector('#myToast .toast-body').innerHTML = ('用户名/密码不能为空哦 😁')
        myToast.show();
        return
    }
    // 内容不为空 长度判断
    if (data.password.length < 6) {
        document.querySelector('#myToast .toast-body').innerHTML = ('密码应该要大于等于6位 😁')
        myToast.show();
        return
    }
    // 不为空 密码长度是ok
    try {
        const res = await axios({
            url: '/login',
            method: 'post',
            data, // data:data
        })
        console.log('res:', res)
        document.querySelector('#myToast .toast-body').innerHTML = res.data.message// undefine
        myToast.show();
        flag = false;
        // 如果可以继续执行到这里--注册成功
        localStorage.setItem("token87888788", res.data.data.token);
        setTimeout(() => {
            window.location.assign('./index.html')
        }, 1000)
    } catch (error) {
        // 注册失败 请求失败
        document.querySelector('#myToast .toast-body').innerHTML = error.response.data.message
        myToast.show();
    }
}